* {margin: 0; padding: 0;}

ul, ol {list-style: none;}

a {text-decoration: none; cursor: pointer;}

body {
	background: #ccc;
}

#wrap {
	width: 600px;
	margin: 0 auto 20px;
	background: yellow;
	clear: left;
}

#title {
	color: #ccc;
	text-align: center;
	width: 100%;
}

#title strong {font-size: 30px;}
#title strong, #title label {display: block;}
#title strong, #title label {padding: 10px 0;}

#list-question {
	width: auto;
	height: auto;
	padding: 0 30px;
}

#list-question .question-box {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

#list-question .question-box:last-child {border-bottom: none;}

#list-question .question-box h3 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}

.question-option {
	padding-left: 20px;
}

.question-option li {padding: 5px 0;}
.question-option label {color: #fff;}

.question-title > span {
    float: left;
    margin-right: 5px;
}

.progress-bar-survey {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 30%;
}

.allColor {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    height: 25px;
    text-indent: -9999px;
    width: 30px;
}

.box-box-color .tpr {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    width: 58px;
}